import {
  defineConfig,
  presetAttributify,
  presetIcons,
  transformerDirectives,
  transformerVariantGroup,
} from 'unocss'
import presetWind4 from '@unocss/preset-wind4'
export default defineConfig({
  safelist: ['i-fluent:*'], // 关键配置
  presets: [
    presetWind4({
      preflights: {
        reset: true,
      },
    }),
    presetAttributify(),
    presetIcons({
      scale: 1.2,
      warn: true,
      extraProperties: {
        display: 'inline-block',
        'vertical-align': 'middle',
      },
    }),
  ],
  transformers: [transformerDirectives(), transformerVariantGroup()],
  theme: {
    colors: {
      // 你可以在这里添加自定义颜色
    },
  },
  shortcuts: [
    // 你可以在这里添加自定义快捷方式
    {
      'flex-center': 'flex items-center justify-center',
      'flex-between': 'flex items-center justify-between',
      'flex-around': 'flex items-center justify-around',
      'flex-start': 'flex items-center justify-start',
      'flex-end': 'flex items-center justify-end',
    },
  ],
  rules: [
    // 你可以在这里添加自定义规则
  ],
})
